<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>学生管理--考试记录</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="assets/css/gb_my.css">
    <link rel="stylesheet" href="assets/css/font-awesome.css">
    <link rel="stylesheet" href="assets/css/bootstrap-reset.css">
    <link rel="stylesheet" href="assets/css/easydropdown.css">
</head>
<body data-type="chart">
<div class="am-g tpl-g">
    <!--头部-->
    <nav class="navbar navbar-default top-navbar">
        <div class="navbar-header">
            <a class="navbar-brand waves-effect waves-dark" href="javascript:;">
                <img src="assets/img/logo.png" alt="">
                <strong>轻课网考试系统</strong>
            </a>
            <div id="sideNav" href="">
                <i class="mulv QK QK-mulu"></i>
            </div>
        </div>
        <ul class="nav navbar-top-links navbar-right aaa">
            <li>
                <a id="down_" class="sign-out dropdown-button waves-effect waves-dark" href="javascript:;">
                    <span class="am-icon-sign-out"></span> 退出
                </a>
            </li>
            <li>
                <a class="dropdown-button waves-effect waves-dark" href="javascript:;"><b>欢迎你, <span class="userName"></span> </b></a>
            </li>
        </ul>
    </nav>
    <!--导航栏-->
    <nav class="navbar-default navbar-side">
        <div class="sidebar-collapse">
            <!--用户头像-->
            <div class="tpl-sidebar-user-panel">
                <div class="tpl-user-panel-slide-toggleable">
                    <div class="tpl-user-panel-profile-picture">
                        <img src="assets/img/user04.png" alt="">
                    </div>
                </div>
            </div>
            <dl class="list_dl">
                <dt class="list_dt">
                    <a href="index.html">
                        <span class="QK1 start_before"></span>
                        <p>学生平台</p>
                    </a>
                </dt>
                <dt id="open" class="list_dt">
                    <span class="QK1 topic_before"></span>
                    <p>我的考试</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd" style="display: block">
                    <ul>
                        <li class="list_li">
                            <a href="student.html">我的试卷</a>
                        </li>
                        <li class="list_li" id="style_li_a">
                            <a href="examRecords.html">考试记录</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 paper_before"></span>
                    <p>自我检测</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="testing.html">自我检测</a>
                        </li>
                        <li class="list_li">
                            <a href="error.html">检测结果</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 user_before"></span>
                    <p>个人管理</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="personalData.html">个人资料</a>
                        </li>
                        <li class="list_li">
                            <a href="collection.html">题目收藏</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 chat_before"></span>
                    <p>聊天室</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="chatroom.html">聊天室</a>
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
    </nav>
    <!-- 内容区域 -->
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <section class="panel">
                    <header class="panel-heading">
                        <span class="label label-primary">
							我的试卷
						</span>
                    </header>
                    <div class="panel-body">
                        <section id="unseen">
                            <table width="100%" class="table table-bordered table-striped table-condensed" id="example-r">
                                <thead>
                                <tr>
                                    <th>试卷名称</th>
                                    <th>创建人</th>
                                    <th>参考人数</th>
                                    <th>起始时间</th>
                                    <th>终止时间</th>
                                    <th>总时长</th>
                                    <th>状态</th>
                                    <th>得分/总分</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody id="wraper">

                                </tbody>
                            </table>
                            <ul class="box" style="display: none">
                                <li class="prev"></li>
                                <li>
                                    <ul class="box2"></ul>
                                </li>
                                <li class="next"></li>
                                <li class="all_number numb"></li>
                            </ul>
                            <div class="loading">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </section>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/theme.js"></script>
<script src="assets/js/easydropdown.js"></script>
<script src="assets/js/html5sv.js"></script>
<script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/amazeui.datatables.min.js"></script>
<script src="assets/js/dataTables.responsive.min.js"></script>
<script src="assets/js/student.js"></script>
<script>
    $('.loading').css('display' , 'block');
    $(document).ready(function () {
        var storage = window.localStorage;
        var user_id = storage["uid"];
        var class_id = storage["class_id"];
        var userScore;
        function data_cal(startime, endtime) {
            var date3 = endtime -startime; //时间差的毫秒数
            //计算出相差天数
            //        var days=Math.floor(date3/(24*3600*1000));
            //计算出小时数
            //        var leave1=date3%(24*3600*1000);    //计算天数后剩余的毫秒数
            var hours = Math.floor(date3 / (3600 * 1000));
            //计算相差分钟数
            var leave2 = date3 % (3600 * 1000); //计算小时数后剩余的毫秒数
            var minutes = Math.floor(leave2 / (60 * 1000));
            //计算相差秒数
                    var leave3=leave2%(60*1000);      //计算分钟数后剩余的毫秒数
                    var seconds=Math.round(leave3/1000);
            //        console.log(hours+"小时"+minutes+"分钟");
            if(hours == '0' && minutes != '0'){
                return minutes + '分' + seconds + '秒';
            }else if(hours == '0' && minutes == '0'){
                return seconds + '秒';
            }else{
                return hours + '时' + minutes + '分' + seconds + '秒';
            }

        }
        getPage(1);
        //翻页
        function getPage(pn) {
            $.ajax({
                url: localApi + "/ExamInfo/count",
                type: "get",
                async: false,
                data: {
                    apikey:'1',
                    uid:user_id
                },
                success: function(result) {
//                    console.log(result.data);
                    if(result.data == 'error'){
                        $('.loading').css('display' , 'none');
                        $('.panel-body').empty();
                        var add_empty = '<p>暂无考试记录！！！</p>';
                        $('.panel-body').append(add_empty);
                        $('.panel-body').addClass('add_empty_style');
                    }else {
                        var dataCount = result.data.length; //总数据条数
                        var pageSize = 5; //每页显示条数
                        var pageCount = Math.ceil(dataCount / pageSize); //总页数
                        if(pn == 0 || pn > pageCount) {
                            return;
                        }
                        var ul = $("#wraper");
                        ul.empty();
                        //console.log(pageCount+"..."+pn)
                        paintPage(pageCount, pn); //绘制页码
                        $.ajax({
                            url: localApi + "/ExamInfo/paging",
                            type: 'get',
                            async: false,
                            data: {
                                apikey: '1',
                                limit: '10',
                                offset: ((pn - 1) * 10),
                                uid:user_id
                            },
                            success: function(result) {
//                                    console.log(result.data);
                                $('.loading').css('display', 'none');
                                $('.box').css('display', 'flex');
                                var stauts,
                                    ids = [],
                                    qids = [];
                                $.each(result.data , function (n , item) {
                                    if(item.status == '-1'){
                                        stauts = '不开放';
                                    }else{
                                        stauts = '开放';
                                    }
                                    var startTime = formatDate(item.sdate);
                                    var endTime = formatDate(item.edate);
                                    var calcTime = data_cal(item.sdate , item.edate);
                                    var records_every = '<tr class="even gradeX student">\n' +
                                        '                  <td>'+ item.paper.paperName +'</td>\n' +
                                        '                  <td class="adminid' + item.adminid + '"></td>\n' +
                                        '                  <td class="count' + item.id + '"></td>\n' +
                                        '                  <td><p>' + startTime + '</p></td>\n' +
                                        '                  <td><p>' + endTime + '</p></td>\n' +
                                        '                  <td>' + calcTime + '</td>\n' +
                                        '                  <td>'+ stauts +'</td>\n' +
                                        '                  <td id="userid'+item.id+'">'+item.score +'/'+ item.paper.totalScore +'</td>\n' +
                                        '                  <td class="operation">\n' +
                                        '                     <div class="tpl-table-black-operation">\n' +
                                        '                        <a href="examDetails.html?uid='+ user_id +'&pid='+ item.pid +'" class="studentDo button button--aylen"><i class="QK1 QK-xiangqing spacing_detail"></i>查看详情</a>\n' +
                                        '                    </div>\n' +
                                        '                 </td>\n' +
                                        '             </tr>';
                                    $('#wraper').append(records_every);
                                    ids[n] = item.adminid;
                                    qids[n] = item.id;
                                });
                                //请求试题创建人
                                $.ajax({
                                    type: "post",
                                    url: api + "/user/selectByIdArray",
                                    async:false,
                                    data: {
                                        para: ids
                                    },
                                    success: function(result) {
                                        $.each(result.data.record, function(n, item) {
                                            $(".adminid" + item.id).text(item.userName);
                                        });
                                    }
                                });
                                //获取参考人数
                                $.ajax({
                                    type: "get",
                                    url: localApi + "/ExamInfo/selectCountByPids",
                                    async:false,
                                    data: {
                                        apikey:'1',
                                        list: qids
                                    },
                                    success: function(result) {
                                        $.each(result.data, function(n, item) {
                                            $(".count" + item.pid).text(item.count);
                                        });
                                    }
                                });
                            }
                        });
                    }
                }
            });
        }
        //绘制页码
        function paintPage(number, currNum) //number 总页数,currNum 当前页
        {
            var pageUl = $(".box");
            var nextLi = $('.next'),
                prevLi = $('.prev'),
                pageUl2 = $('.box2'),
                pageNumber = $('.all_number');
            nextLi.empty();
            prevLi.empty();
            pageUl2.empty();
            pageNumber.empty();
            var ulDetail = "";

            //上一页
            if(currNum > 1){
                prevLi.append('<a href="javascript:getPage(' + parseInt(currNum - 1) + ')" class="prevPage"><上一页</a>');
            }else{
                prevLi.remove('.prevPage');
                prevLi.append('<span class="disabled"><上一页</span>');
            }
            //中间页码
            if(currNum != 1 && number >= 4 && number != 4 && currNum >= 4){
                pageUl2.append('<li class="numb"><a href="javascript:getPage(1)" class="tcdNumber">'+1+'</a></li>');
            }
            if(currNum-2 > 2 && currNum <= number && number > 5){
                pageUl2.append('<li class="li_span"><span>...</span></li>');
            }
            var start = currNum -2,end = currNum+2;
            if((start > 1 && currNum < 4)||currNum == 1){
                end++;
            }
            if(currNum > number-4 && currNum >= number){
                start--;
            }
            for (;start <= end; start++) {
                if(start <= number && start >= 1){
                    if(start != currNum){
                        pageUl2.append('<li class="numb"><a href="javascript:getPage('+ start +')" class="tcdNumber">'+ start +'</a></li>');
                    }else{
                        pageUl2.append('<li class="numb choose"><span class="current">'+ start +'</span></li>');
                    }
                }
            }
            if(currNum + 2 < number - 1 && currNum >= 1 && number > 5){
                pageUl2.append('<li class="li_span"><span>...</span></li>');
            }
            if(currNum != number && currNum < number -2  && number != 4){
                pageUl2.append('<li class="numb"><a href="javascript:getPage('+ number +')" class="tcdNumber">'+number+'</a></li>');
            }
            //下一页
            if(currNum <number){
                nextLi.append('<a href="javascript:getPage(' + parseInt(currNum + 1) + ')" class="nextPage">下一页></a>');
            }else{
                nextLi.remove('.nextPage');
                nextLi.append('<span class="disabled">下一页></span>');
            }
            pageNumber.append('<span class="pagecount">共'+number+'页</span>');
            if(currNum == 1) {
                $('.prev').removeClass('selected_paging').removeClass('hover').css('cursor', 'text').find('a').css('cursor', 'text');
            }
            if(currNum == 1 && number > 1) {
                $('.next').addClass('selected_paging');
            }
            if(currNum == number) {
                $('.next').removeClass('selected_paging').removeClass('hover').css('cursor', 'text').find('a').css('cursor', 'text');
            }
            if(currNum == number && currNum > 1) {
                $('.prev').addClass('selected_paging');
            }
            if(currNum !== number && currNum > 1) {
                $('.prev').addClass('selected_paging');
                $('.next').addClass('selected_paging');
            }
            $('.choose').addClass('selected_paging').siblings().removeClass('selected_paging').addClass('hover');
        }
    });
</script>
<script>
    $(document).ready(function() {
        $(".list_dt").on("click", function() {
            $('.list_dd').stop();
            $(this).siblings("dt").removeAttr("id");
            if($(this).attr("id") == "open") {
                $(this).removeAttr("id").siblings("dd").slideUp();
            } else {
                $(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
            }
        });
    });
</script>
<script>
    $(document).ready(function() {
        $(".dropdown-button").dropdown();
        $("#sideNav").click(function() {
            if($(this).hasClass('closed')) {
                $('.navbar-side').animate({
                    left: '0px'
                });
                $(this).removeClass('closed');
                $('#page-wrapper').animate({
                    'margin-left': '260px'
                });
            } else {
                $(this).addClass('closed');
                $('.navbar-side').animate({
                    left: '-260px'
                });
                $('#page-wrapper').animate({
                    'margin-left': '0px'
                });
            }
        });
    });
    $(".dropdown-button").dropdown();
</script>